<template>
  <div>
      <h4>子组件：{{ value }}</h4>
      <button @click="addFn"> + </button>
  </div>
</template>

<script>
export default {
  props: {
    value: Number
  },
  methods: {
    addFn () {
      // this.value++ // 不能这么写,报错。因为不能直接修改 父组件的数据
      const a = this.value + 1
      this.$emit('input', a)
    }
  }
}
</script>

<style>

</style>
